import {domain} from '../../api/api.js'
let Toast = {};
Toast.install = function (Vue, options) {
  let opt = {
    defaultType:'bottom',   // 默认显示位置
    duration:'2000',         // 持续时间
    alert:'出错了',
    type:false
  };
  for(let property in options){
    opt[property] = options[property];  // 使用 options 的配置
  }
  Vue.prototype.$toast = (tips,type) => {
    opt.defaultType =type;
    if(tips){
      opt.alert=tips;
    }
    if(document.getElementById('toast')){
      // 如果toast还在，则不再执行
      return;
    }
    let toastTpl = Vue.extend({
      template: `<div id="toast"><div v-if="type" class="img checkImg"></div><div class="img toastImg" v-if="!type"></div><div class="text">${opt.alert}</div></div>`,
      data: function () {
        return {
          type: opt.defaultType,
        }
      }
    });
    let tpl = new toastTpl().$mount().$el;
    document.body.appendChild(tpl);
    setTimeout(function () {
      document.body.removeChild(tpl);
    }, opt.duration)
  };
};
export default Toast;
